<div class="box box-default">
  <div class="box-body">
      <form class="form-inline">
          <div class="box box-default">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px; margin-bottom:8px !important;">
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmr-view')" type="button"  class="btn btn-primary" (click)="showDetailModal('view')" >
                <i class="fa fa-edit"></i>查看</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmr-modify')" type="button"  class="btn btn-primary" (click)="showDetailModal('edit')">
                <i class="fa fa-edit"></i>修改</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmr-check')" class="btn btn-primary" type="button" (click)="showCheckModal()">
                <i class="fa fa-check-square-o"></i>审核</button>
            </div>
          </div>
      </form>
      <div class="box-body" style="padding-left:0px;padding-right:0px;">
          <div style="overflow-x:scroll;width:100%">
              <table id="instruction_table" class="table table-bordered table-hover table-keep-line table-striped" style="margin-top:unset !important;">
                <thead>
                    <tr>
                      <th class="width-5">
                        <div class="checkbox checkbox-primary">
                          <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()" >
                          <label></label>
                        </div>
                      </th>
                      <th class="width-20">状态</th>
                      <th class="width-20">操作点</th>
                      <th class="width-20">需知摘要</th>
                      <th class="width-20">需知内容</th>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor="let item of listData">
                      <td>
                        <div class="checkbox checkbox-primary">
                          <input type="checkbox" id="checkbox1" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                          <label></label>
                        </div>
                      </td>
                      <td class="short_name" [attr.title]="item.sStatus">{{item.sStatus}}</td>
                      <td class="short_name" [attr.title]="item.sOperpoint">{{item.sOperpoint}}</td>
                      <td class="short_name" [attr.title]="item.sTitle">{{item.sTitle}}</td>
                      <td class="short_name" [attr.title]="item.sContent">{{item.sContent}}</td>
                    </tr>
                </tbody>
              </table>
          </div>
      </div>
      <!-- <div class="box-footer clearfix" style="width:100%;">
          <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
            <div class="pull-left pagination-detail" data-pagination-additional="true">
              <span class="pagination-info">
                当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
              </span>
              <span class="page-list">
                每页记录
                <span class="btn-group dropup">
                  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span class="page-size">{{listPageInfo.pageSize}}</span>
                    <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu" role="menu">
                    <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                      <a>{{i}}</a>
                    </li>
                  </ul>
                </span>
                条
              </span>
            </div>
          </app-pagination>
        </div> -->
  </div>
</div>

<!-- 查看或编辑信息modal -->
<div class="modal modal-detail" id="modal1">
    <div #ViewOrEdit></div>
</div>

<!-- 审核信息modal -->
<div class="modal modal-detail" id="modal2">
    <div #check></div>
</div>